<html>
<head>
    <title>购物车</title>
    <link rel="stylesheet" href="./cart3.css">
</head>
<body>
    <div class="cartBox">
        <table>
            <tr class="title">
                <th colspan="3">全部商品3</th>
                <th colspan="5">
                    配送到:
                    <span>河南省平顶山职业技术学院</span>
                </th>
            </tr>
            <tr class="head">
                <td>
                    <input type="checkbox">
                </td>
                <td style="text-align: center;">全选</td>
                <td>商品</td>
                <td></td>
                <td style="text-align: center;">单价</td>
                <td style="text-align: center;">数量</td>
                <td style="text-align: center;">小计</td>
                <td style="text-align: center;">操作</td>
            </tr>
            <tr class="shop">
                <td>
                    <input type="checkbox">
                </td>
                <td colspan="7">
                    <a href="#">小米专卖店</a>
                </td>
            </tr>
                <tr class="goods">
                    <td><input type="checkbox"></td>
                    <td>
                        <img src="https://img11.360buyimg.com/n0/s80x80_jfs/t1/146113/8/31009/68245/63525b78Eb230b94a/51f44bbee7f725de.jpg.dpg" alt="">
                    </td>
                    <td>
                        <span>
                            小米笔记本Pro X 14\/15笔记本<br>电脑超轻薄游戏设计编程办公手提全能本
                        </span>
                    </td>
                    <td>
                        <div>【ProX15】RTX3050T</div>
                        <div>官方标配</div>
                    </td>
                    <td>
                        ￥9,869.00
                    </td>
                    <td>
                        <div class="number">
                            <span>-</span>
                            <input type="number" value="1">
                            <span>+</span>
                        </div>
                    </td>
                    <td>
                        ¥9869.00
                    </td>
                    <td>
                        删除
                    </td>
                </tr>
                <tr class="shop">
                    <td>
                        <input type="checkbox">
                    </td>
                    <td colspan="7">
                        <a href="#">小米官方专卖店</a>
                    </td>
                </tr>
                    <tr class="goods">
                        <td><input type="checkbox"></td>
                        <td>
                            <img src="https://img30.360buyimg.com/n0/s80x80_jfs/t1/97451/27/33608/105309/63686d19E8b477382/cb0caeec2d81eff0.jpg.dpg" alt="">
                        </td>
                        <td>
                            <span>
                                小米游戏本Redmi G Pro 2022锐龙版<br>电竞屏红米G游戏设计笔
                            </span>
                        </td>
                        <td>
                            <div>R7-6800H光追RTX30</div>
                            <div>16G+512G PCIe高速固态 16英寸</div>
                        </td>
                        <td>
                            ¥7699.00
                        </td>
                        <td>
                            <div class="number">
                                <span>-</span>
                                <input type="number" value="1">
                                <span>+</span>
                            </div>
                        </td>
                        <td>
                            ¥7699.00
                        </td>
                        <td>
                            删除
                        </td>
                    </tr>
                    <tr class="shop">
                        <td>
                            <input type="checkbox">
                        </td>
                        <td colspan="7">
                            <a href="#">小米鑫伟众专卖店</a>
                        </td>
                    </tr>
                        <tr class="goods">
                            <td><input type="checkbox"></td>
                            <td>
                                <img src="https://img12.360buyimg.com/n0/s80x80_jfs/t1/117202/38/22644/508045/6242ed00E7404d47e/71e2b028da8ad723.jpg.dpg" width="70px" height="70px"> 
                            </td>
                            <td>
                                <span>
                                    小米 RedmiG游戏本8核6G独显<br>吃鸡设计144Hz电竞屏16.1
                                </span>
                            </td>
                            <td>
                                <div>黑色</div>
                                <div> 32G内存_2T固态【拆封】</div>
                            </td>
                            <td>
                                ￥11,999.00
                            </td>
                            <td>
                                <div class="number">
                                    <span>-</span>
                                    <input type="number" value="1">
                                    <span>+</span>
                                </div>
                            </td>
                            <td>
                                ¥11999.00
                            </td>
                            <td>
                                删除
                            </td>
                        </tr>
        </table>
        <div class="js">
             <div>
                <input type="checkbox">
             </div>
            <div>全选</div>
            <div>删除选中</div>
            <div>移入关注</div>
            <div>清理购物车</div>
            <div></div>
            <div>
                已选择<span>3</span>有商品
            </div>
            <div>
                总价:<span>￥21,868.00</span>
            </div>
            <div>去结算</div>
        </div>
    </div>
</body>
</html>